<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<title>作文批改</title>
		<link rel="stylesheet" href="css/aui.css" />
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/my.css" />
		<style>
			.aui-bar-btn-item {
				border: none;
			}
			
			.aui-tab-item.aui-active {
				color: #ef4c4f;
				border-bottom: 2px solid #ef4c4f;
			}
			
			.aui-active {
				color: #ef4c4f;
			}
		</style>
	</head>

	<body class="aui-background-white">
		<!--header-->
		<header class="aui-bar aui-bar-nav aui-background-white aui-bar-nav-search aui-text-default">
			<a class="aui-pull-left aui-btn" href="JavaScript:history.go(-1)">
				<span class="aui-iconfont aui-icon-left aui-text-gray aui-font-size-14"></span>
			</a>
			<div class="aui-title aui-font-size-14">
				我的批改
			</div>
		</header>

		<!--购物车已有商品列表-->
		<section class="aui-scrollView aui-background-f6">
			<div style="margin-top: 2.5rem;">
				<ul class="tab-nav aui-clear-both">
					<li class="tab-nav-item tab-active">
						<a href="javascript:;">全部</a>
					</li>
					<li class="tab-nav-item">
						<a href="javascript:;">已提交</a>
					</li>
					<li class="tab-nav-item">
						<a href="javascript:;">待批改</a>
					</li>
					<li class="tab-nav-item">
						<a href="javascript:;">已批改</a>
					</li>
					<li class="tab-nav-item">
						<a href="javascript:;">未通过</a>
					</li>
				</ul>
				<div class="tab-panel">
					<div class="tab-panel-item tab-active">
						<div class="tab-item">
							<a href="javascript:void(0);" class="aui-background-white aui-well-item aui-well-item-clear">
								
								<div class="aui-well-item-bd">
									<h3>2019-10-10 12:00:00</h3>
								</div>
								<span class="aui-well-item-fr" onclick="openDialog()">已取消</span>
							</a>
							<div class="aui-mail-product">
								<a href="javascript:;" class="aui-mail-product-item">
									<div class="aui-mail-product-item-hd">
										<img src="images/items.jpg" alt="">
									</div>
									<div class="aui-mail-product-item-bd">
										<p>Apple 苹果 iPhone8 Plus 4G手机 深空灰 移动联通版64G裸机Apple 苹果 iPhone8 Plus 4G手机 深空灰 移动联通版64G裸机</p>
									</div>
								</a>
							</div>
							
							<div class="aui-mail-button aui-background-white">															
								<a href="user-detail.html">查看详情</a>
							</div>
						</div>
						<div class="divHeight"></div>
						
						
					</div>
					<div class="tab-panel-item">
						<div class="tab-item">
							<a href="javascript:void(0);" class="aui-well-item aui-well-item-clear">
								
								<div class="aui-well-item-bd">
									<h3>2019-10-10 12:00:00</h3>
								</div>
								<span class="aui-well-wait">待批改</span>
							</a>
							<div class="aui-mail-product">
								<a href="javascript:;" class="aui-mail-product-item">
									<div class="aui-mail-product-item-hd">
										<img src="images/items.jpg" alt="">
									</div>
									<div class="aui-mail-product-item-bd">
										<p>索尼（SONY）WH-1000XM2 Hi-Res无线蓝牙耳机 智能降噪耳机 头戴式 1000x二代 香槟金</p>
									</div>
								</a>
							</div>
							
							<div class="aui-mail-button">
								<a href="javascript:;">查看详情</a>
							</div>
						</div>
					</div>
					<div class="tab-panel-item">
						<div class="tab-item">
							<a href="javascript:void(0);" class="aui-well-item aui-well-item-clear">
								
								<div class="aui-well-item-bd">
									<h3>2019-10-10 12:00:00</h3>
								</div>
								<span class="aui-well-wait">等待收货</span>
							</a>
							<div class="aui-mail-product">
								<a href="javascript:;" class="aui-mail-product-item">
									<div class="aui-mail-product-item-hd">
										<img src="images/items.jpg" alt="">
									</div>
									<div class="aui-mail-product-item-bd">
										<p>FILA斐乐男鞋2018夏季新款LOGO轻便复古跑鞋运动鞋男 标准白 41FILA斐乐男鞋2018夏季新款LOGO轻便复古跑鞋运动鞋男 标准白 41FILA斐乐男鞋2018夏季新款LOGO轻便复古跑鞋运动鞋男 标准白 41FILA斐乐男鞋2018夏季新款LOGO轻便复古跑鞋运动鞋男 标准白 41</p>
									</div>
								</a>
							</div>
							
							<div class="aui-mail-button">
								<a href="javascript:;">查看详情</a>
							</div>
						</div>
					</div>
					<div class="tab-panel-item">
						<div class="tab-item">
							<a href="javascript:void(0);" class="aui-well-item aui-well-item-clear">
								
								<div class="aui-well-item-bd">
									<h3>2019-10-10 12:00:00</h3>
								</div>
								<span class="aui-well-item-fr" onclick="openDialog()"></span>
							</a>
							<div class="aui-mail-product">
								<a href="javascript:;" class="aui-mail-product-item">
									<div class="aui-mail-product-item-hd">
										<img src="images/items.jpg" alt="">
									</div>
									<div class="aui-mail-product-item-bd">
										<p>盼盼 酸梅汤 酸梅汁风味饮料 250ml*24盒 整箱 果汁饮料</p>
									</div>
								</a>
							</div>
							
							<div class="aui-mail-button">
								<a href="javascript:;">查看详情</a>
							</div>
						</div>
					</div>
					<div class="tab-panel-item">
						<div class="tab-item">
							<a href="javascript:void(0);" class="aui-well-item aui-well-item-clear">
								<div class="aui-well-item-bd">
									<h3>2019-10-10 12:00:00</h3>
								</div>
								<span class="aui-well-wait">已取消</span>
							</a>
							<div class="aui-mail-product">
								<a href="javascript:;" class="aui-mail-product-item">
									<div class="aui-mail-product-item-hd">
										<img src="images/items.jpg" alt="">
									</div>
									<div class="aui-mail-product-item-bd">
										<p>OPPO R15 全面屏双摄拍照手机 4G+128G 雪盈白 全网通 移动联通电信4G 双卡双待手机</p>
									</div>
								</a>
							</div>
						
							<div class="aui-mail-button">
								<a href="javascript:;">查看详情</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>

		<script src="js/jquery-1.7.2.min.js"></script>
		<script src="js/aui-dialog.js"></script>
		<script>
			/*切换*/
			$('.tab-nav-item').click(function() {
				var index = $(this).index()
				$(this).addClass('tab-active').siblings().removeClass('tab-active')
				$('.tab-panel-item').eq(index).addClass('tab-active').siblings().removeClass('tab-active')
			})
			
			    var dialog = new auiDialog({})
			    function openDialog(type){
			       
	                dialog.alert({
	                        title:"温馨提示",
	                        msg:'确认要删除吗？',
	                        buttons:['取消','确定']
	                    },function(ret){
	                        if(ret.buttonIndex == 2){
	                            dialog.alert({
	                                title:"提示",
	                                msg:"已删除",
	                                buttons:['确定']
	                            });
	                        }
	                    })
			               
			           
			
			       
			    }
		</script>

	</body>

</html>